<template>
  <div>
    child子组件 - {{ num }} - <button @click="handleClick">btn</button> -
    {{ count }}
  </div>
</template>

<script>
import { ref } from "vue";

export default {
  props: ["num"],

  setup(props, context) {
    // 用props的值作为组件的data的初始值或者其他在setup里面要用props的时候，
    // 都需要用到第一个参数
    const count = ref(props.num);
    const fn = () => {
      console.log(props.num);
    };

    const handleClick = () => {
      console.log(context);
      // emit("abc");
    };

    return { handleClick, count };
  },

  // methods: {
  //   handleClick() {
  //     this.$emit("abc");
  //   },
  // },
};
</script>
